body {
	background: #ffffff;
	font-family: "Open Sans", Tahoma, arial, sans-serif;
    padding: 0;
	width: 836px;
	margin: 0 auto;
}
.title{
	margin-top:10px;
    margin-left: 5px;
	color: #b61d20;
	background: url(../images/red-star.png) no-repeat;
	padding-left:20px;
	width: 350px;
	font-size: 17px;
    font-weight: bold;
}

.borderhome{
	min-height:100px;
	border:2px solid #b61d20;
	margin:auto;
	padding:15px;
	padding-bottom: 5px;
}
.bordernone{
    border: none;
	padding: 0px;
}
.col-md-9 {
    width: 75%;
	float: left;
 }
 .col-md-8 {
    width: 66.66666666666666%;
	float: left;
 }
 .col-md-6 {
    width: 50%;
	float: left;;
 }
 .col-md-4 {
    width: 33.33333333333333%;
	float: left;
 }
 .col-md-3 {
    width: 25%;
	float: left;
 }
#top10{
	width:832px;
	min-height:100px;
	border:2px solid #b61d20;
	margin:auto;
	margin-top: 10px;
}
.placename{
	color:blue;
    font-weight: bold;
}
.placetop-rightcontainer{
    min-height: 75px;
	border-right: 1px solid #b61d20;
}
.avatar{
	background: #ffffff url('../images/ic_zigo.png') no-repeat center center;
	display: inline-block;
}
.description{
    width: 65%;
    float: left;
    margin-top: -109px;
    margin-left: 120px;
}
.rightcontainer{
    margin-left: 85px;
    margin-top: -70px;
}
.topplace-item{
	width: 390px;
	float: left;
	margin-right: 10px;
}
.topplace-item hr{
	border-top: 1px solid #b61d20;
}
.top1{
    margin-left: 0px;
    margin-top: 0px;
}
.top5{
    margin-left: 85px;
    margin-top: 0px;
}
.img_star{
    display:block;
    width: 100%;
    height: 180px;
    background-image: url('../images/stars_map_very_large.png');
    background-repeat: no-repeat;
    padding-left: 85px;
    font-style: italic;
}
.star0{
    height:18px;
    background-position: 0px 0px;
}
.star1{
    height:18px;
    background-position: 0px -18px;
}
.star2{
    height:18px;
    background-position: 0px -36px;
}
.star3{
    height:18px;
    background-position: 0px -54px;
}
#newfeed{
	min-height:100px;
	padding-right:10px;
}
.imgnewfeed{
	border:1px solid #b61d20;
	margin-left:10px;
	margin-top: 10px;
    border-radius: 4px;
	padding: 3px;
}
.detailcomment{
	min-height: 70px;
    margin-left: 75px;
}
hr{
	margin-top: 0px;
	margin-bottom: 0px;
}

.foodcategories{
    margin-top: 10px;
}

#newplace{
	min-height:100px;
}
.newest-place li,a,img,ul,div,span {
			background: transparent;
			border: 0;
			margin: 0;
			padding: 0;
			vertical-align: baseline;
}
.newest-place { list-style: none; margin: 5px 20px 0 20px; }
.newest-place li {
	display: inline-block; position: relative; color: #eee; cursor: pointer; text-shadow: 1px 1px rgba(0,0,0,0.3); margin-bottom: 3%; margin-right: 16px; margin-left: 16px;}
.newest-place li a { color: #ffffff; }
.newest-place li .thumb { padding: 1px; border: 3px solid #b61d20; }
.newest-place li .thumb img { width: 225px; height: 225px;}
.newest-place li .content { position: absolute;top:0px; left: 3px; width: 227px; height: 230px; overflow: hidden; }
.newest-place li .contentinner { background-color: #b61d20; padding: 5px 7px; margin-top: 190px; min-height: 100px; filter: alpha(opacity=60); opacity: 0.8;}
.newest-place li .title { color: #fff; font-family:Arial,Helvetica,sans-serif; font-size: 13px; }
.newest-place li .title:hover { color: #FB9337; }
.newest-place li .price { color: #fff; font-weight: bold; float: right; }
.newest-place li .by { font-size: 12px; font-style: italic; margin-top:8px; }
.newest-place li .desc { font-size: 12px; margin: 5px 0; line-height: 16px; }

.newest-place li:hover .contentinner { display:none; }

.banneruser, .bannerplace {
    overflow: hidden;
    background: #f8f8f8;
    box-shadow: 0 0 4px #ddd;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.username{
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 0px;
	padding-top:0px;
	margin-top: 32px;
	margin-left: 5px;
}
.user-comment{
    border: #ddd 1px solid;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 1px #DDD;
    float: left;  
    width: 100%;
}
.user-comment .left-comment{
    float: left;
    width: 80px;
    margin-right: 5px;
}
.user-comment .right-comment{
    float: left;
    width: 410px;
    margin-left: 5px;
}
.comment-header{
    
    float: left;
    width: 100%;
}
.comment-header h4{
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 700;
    color: blue;
    font-size: 15px;
}
.comment-header .address{
    font-size: 13px;
    font-style: italic;
    margin-bottom: 5px;
}
.comment-detail{
    float:left;
    width: 100%;
}
.comment-detail .post-comment{
    margin-top: 5px;
	border-top: 1px dashed #bfbfbf;
	padding-top: 10px;
}
.comment-detail .post-comment textarea{
    resize: none;
	overflow: hidden;
	height: 32px;
}
.comment-detail .post-comment .charnumber{
	padding-right: 5px;
	padding-left: 5px;
	padding: 2px 4px;
	font-size: 100%;
	color: #c7254e;
	white-space: nowrap;
	background-color: #f9f2f4;
	border-radius: 4px;
	width: 35px;
	float: left;
	margin-top: 5px;
}
.comment-detail .post-comment button{ 
    margin-top: 5px;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
}
.sub-comment{
	display: block;
}
.sub-comment .sub-item{
	position: relative;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 5px;
border-top: 1px dashed #bfbfbf;
min-height:61px;
}
.sub-comment .avatar-sub-cm{
	margin-top: 0;
	margin-left: 0;	
	overflow: hidden;
	float: left;
}
.sub-comment img{
	width: 36px;
	height: 36px;
}
.sub-comment .head-sub-cm{
	display: block;
color: #bfbfbf;
font-size: 11px;
padding-left: 51px;
}
.sub-comment .display-name{
	top: 0;
float: none;
margin: 0 3px 0 0;
color: #466b8e;
font-weight: bold;
font-size: 13px;
}
.sub-comment .content-sub-cm{
	margin: 2px 0 4px 0;
font-size: 1.08333333em;
padding-left: 51px;
}


.place-header {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}
.place-header-left{
	padding-right:36px;
	width:500px;
}
.place-header-left  h2{
	margin-top: 5px;
	margin-bottom: 0px;
}
.place-header-right{
	width: 325px;
}
.place-header-right .btn{
	float:right;
}
.place-body {
	display: flex;
	align-items: center;
}
.place-body .place-avatar{
	width:200px;
	height: 200px;
	overflow: hidden;
	align-items: center;
	display: flex;
	border: 1px solid #ccccc8;
	border-radius: 4px;
}
.place-body .place-info{
	margin-left:10px;
}
.place-comments{
	min-height:100px;
	width:626px;
	margin-right: 10px;
}
.place-container{
	display: flex;
	margin-top:10px;
}
.place-container .map-box{
	padding: 5px;
	background: #fff;
	border: 1px solid #ccccc8;
	border-radius: 4px;
}
.place-container.place-map{
	border: 1px solid #ccccc8;
	border-radius: 4px;
}
.place-detail{
	width:210px;
	min-height:100px;
	padding: 5px;
	background: #f5f5f1;
	border: 1px solid #ccccc8;
	border-radius: 4px;
	margin-left:10px;
}